<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<!-- 字体图标中间有空格，要用span包裹 -->

	<!--下拉菜单:dropdown-toggle下拉按钮可以点击不同状态的
		caret小箭头
		dropdown-menu-right:菜单在右边显示
		<div class="dropdown pull-right">在右边显示而且button不被覆盖
	 -->
<div class="container">
	<div class="dropdown pull-right">
   		 <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
        	   <span class="caret"></span>
    	   </button>
   		 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
   		     <!-- <li role="presentation">
   		         <a role="menuitem" tabindex="-1" href="#">Java</a>
   		     </li>
   		     <li role="presentation">
   		         <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
   		     </li>
   		     <li role="presentation">
   		         <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
   		     </li>
   		     <li role="presentation" class="divider"></li>
   		     <li role="presentation">
   		         <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
   		     </li> -->
   		     <!-- <li role="presentation" class="dropdown-header">大写一到四</li> -->
   		     <li><a href="#" role="menuitem">一</a></li>
   		     <li><a href="#" role="menuitem">二</a></li>
   		     <li><a href="#" role="menuitem">三</a></li>
   		     <li><a href="#" role="menuitem">四</a></li>
   		      <!-- <li role="presentation" class="dropdown-header">小写1到4</li> -->
   		     <li role="presentation" class="divider"></li>
   		     <li><a href="#" role="menuitem">1</a></li>
   		     <li><a href="#" role="menuitem">2</a></li>
   		     <li class="disabled"><a href="#" role="menuitem">3</a></li>
   		     <li><a href="#" role="menuitem">4</a></li>
   		 </ul>
	</div>	
</div>

<!-- bootstrap的实现是依赖于jQuery的，所以应该先引入jQuery -->
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>